@media only screen and (min-width:750px){
    *{max-width: 750px; margin: 0 auto;}
    .slide1  .xiexian1{height:30.96% !important;bottom:18.74% !important;}
    .slide1 .dp1{top:56.66% !important;}
    .slide1 .sj1{bottom:-12.74% !important;width: 121.06% !important;margin-left: -60.053% !important;max-width:908px;}
    .slide2 .p2{bottom:61.02% !important;}
    .slide2 .p2s{bottom:56.52% !important;}
    .slide2  .xiexian2{height:27.74% !important;bottom:28.49% !important;}
    .slide2 .here{top:19.46% !important;}
    .slide2 .sj2{bottom: 4.5% !important;}
    .slide3 .qmpt3{top:30.73% !important;}
    .slide3 .span1{top:38.98% !important;}
    .slide3 .span2{top:38.98% !important;}
    .slide3 .span3{top:38.98% !important;}
    .arrow{margin-left: -2.93% !important;bottom:7.5% !important;width:5.87% !important;}
}
html{font-size:calc(100/750*100vw)}
* {
    margin: 0 auto;
    padding: 0;
}
.swiper-container {
}
.swiper-wrapper {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -ms-perspective: 1200px;
    perspective: 1200px;
}
.swiper-slide {
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background-size:100% auto;
    overflow:hidden;
    text-align:center;
    line-height:300px;
}
.slide1{background:url("../img/bj1.png") no-repeat 0 center/100% 100%;}
.slide2{background:url("../img/bj2.png") no-repeat 0 center/100% 100%;}
.slide3{background:url("../img/bj3.png") no-repeat 0 center/100% 100%;}
.slide1 .qmpt1{position: absolute;left:50%;margin-left: -16%;top:15%;width:32%;opacity: 0;}
.slide1  .xiexian1{height:4.13rem;width: 100%;position: absolute;bottom:2.5rem;}
.slide1 .dp1{position: absolute;left:14.7%;top:2.34rem;width:26%;z-index: 2;opacity: 0;}
.slide1 .sj1{position: absolute;left:50%;bottom:-1.7rem;width: 9.08rem;margin-left: -4.54rem;opacity: 0;}
.slide1 .dx1{position: absolute;left: 0%;bottom:0;width:12.3%;opacity: 0;}
.slide1 .cx1{position: absolute;right:0%;top:0;width:55.3%;opacity: 0;}
.swiper-slide-active .qmpt1{
    -webkit-animation-name:bounceInDown; -webkit-animation-delay: 1s;-webkit-animation-duration: 1s;-webkit-animation-fill-mode: forwards;-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);
    -moz-animation-name:bounceInDown; -moz-animation-delay: 1s; -moz-animation-duration: 1s; -moz-animation-fill-mode: forwards; -moz-animation-timing-function:cubic-bezier(0.215,.61,.355,1);
    animation-name:bounceInDown;animation-delay: 1s;animation-duration: 1s;animation-fill-mode: forwards;animation-timing-function:cubic-bezier(0.215,.61,.355,1);    
}
.swiper-slide-active .dp1{
    -webkit-animation-name:zoomIn; -webkit-animation-delay: 2.4s; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: forwards;
    -moz-animation-name:zoomIn; -moz-animation-delay: 2.4s; -moz-animation-duration: 1s; -moz-animation-fill-mode: forwards;
    animation-name:zoomIn;animation-delay: 2.4s;animation-duration: 1s;animation-fill-mode: forwards;
}
.swiper-slide-active .sj1{
    -webkit-animation-name:fadeInUp;-webkit-animation-delay: 0.5s;-webkit-animation-duration: 1s;-webkit-animation-fill-mode: forwards;
    -moz-animation-name:fadeInUp;-moz-animation-delay: 0.5s;-moz-animation-duration: 1s;-moz-animation-fill-mode: forwards;
    animation-name:fadeInUp;animation-delay: 0.5s;animation-duration: 1s;animation-fill-mode: forwards;
}
.swiper-slide-active .dx1{
    -webkit-animation-name: slideInBottomLeft;-webkit-animation-delay: 1.5s;-webkit-animation-duration: 1s;-webkit-animation-fill-mode: forwards;-webkit-animation-timing-function: linear;
    -moz-animation-name: slideInBottomLeft;-moz-animation-delay: 1.5s;-moz-animation-duration: 1s;-moz-animation-fill-mode: forwards;-moz-animation-timing-function: linear;
    animation-name: slideInBottomLeft;animation-delay: 1.5s;animation-duration: 1s;animation-fill-mode: forwards;animation-timing-function: linear;
}
.swiper-slide-active .cx1{
    -webkit-animation-name:slideInTopRight; -webkit-animation-delay: 1.5s;-webkit-animation-duration: 1s;-webkit-animation-fill-mode: forwards;-webkit-animation-timing-function: linear;
    -moz-animation-name: slideInTopRight;-moz-animation-delay: 1.5s;-moz-animation-duration: 1s;-moz-animation-fill-mode: forwards;-moz-animation-timing-function: linear;
    animation-name: slideInTopRight;animation-delay: 1.5s;animation-duration: 1s;animation-fill-mode: forwards;animation-timing-function: linear;
}
@-webkit-keyframes bounceInDown{
    0%{opacity:1;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0);}
    60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0);}
    75%{opacity:1;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}
    90%{opacity:1;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@keyframes bounceInDown{
    0%{opacity:1;-webkit-transform:translate3d(0,-3000px,0);-ms-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0);}
    60%{opacity:1;-webkit-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0);}
    75%{opacity:1;-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}
    90%{opacity:1;-webkit-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);}
    100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;}
}
@-webkit-keyframes zoomIn{
    0%{opacity:1;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    100%{opacity:1}
}
@keyframes zoomIn{
    0%{opacity:1;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    100%{opacity:1}
}
@-webkit-keyframes fadeInUp{
    0%{opacity:1;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{
    0%{opacity:1;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
@-webkit-keyframes slideInBottomLeft {
    0% {width: 0%;opacity: 1;}
    100% {width: 12.3%;opacity: 1;}
}
@keyframes slideInBottomLeft {
    0% {width: 0%;opacity: 1;}
    100% {width: 12.3%;opacity: 1;}
}
@-webkit-keyframes slideInTopRight {
    0% {width: 0%;opacity: 1;}
    100% {width: 55.3%;opacity: 1;}
}
@keyframes slideInTopRight {
    0% {width: 0%;opacity: 1;}
    100% {width: 55.3%;opacity: 1;}
}

.slide2 .p2{position: absolute;left:8%; bottom:8.14rem;width:41.6%;opacity: 0;}
.slide2 .p2s{position: absolute;left:8%; bottom:7.54rem;width:69.3%;opacity: 0;}
.slide2  .xiexian2{height:3.7rem;width: 100%;position: absolute;bottom:3.8rem;}
.slide2 .here{position: absolute;left:64.4%;top:0.72rem;width:15%;z-index: 2;opacity: 0;}
.slide2 .sj2{position: absolute;left:0%;bottom: 0.6rem;z-index: 2;width: 53.3%;opacity: 0;}
.slide2 .dx2{position: absolute;right:0%;top:0;width:17.5%;opacity: 0;}
.slide2 .cx2{position: absolute;left: 0%;bottom:0;width:62.1%;opacity: 0;}
.swiper-slide-active .p2{
    -webkit-animation-name:fadeInLeftBig;-webkit-animation-delay: 0.5s;-webkit-animation-duration: 1s;-webkit-animation-fill-mode: forwards;
    -moz-animation-name:fadeInLeftBig;-moz-animation-delay: 0.5s;-moz-animation-duration: 1s;-moz-animation-fill-mode: forwards;
    animation-name:fadeInLeftBig;animation-delay: 0.5s;animation-duration: 1s;animation-fill-mode: forwards;
}
.swiper-slide-active .p2s{
    -webkit-animation-name:fadeInRightBig;-webkit-animation-delay: 1s;-webkit-animation-duration: 1s;-webkit-animation-fill-mode: forwards;
    -moz-animation-name:fadeInRightBig;-moz-animation-delay: 1s;-moz-animation-duration: 1s;-moz-animation-fill-mode: forwards;   
    animation-name:fadeInRightBig;animation-delay: 1s;animation-duration: 1s;animation-fill-mode: forwards;
}
.swiper-slide-active .here{
    -webkit-animation-name:zoomIn;-webkit-animation-delay: 2.4s;-webkit-animation-duration: 1s;-webkit-animation-fill-mode: forwards;   
    -moz-animation-name:zoomIn;-moz-animation-delay: 2.4s;-moz-animation-duration: 1s;-moz-animation-fill-mode: forwards;   
    animation-name:zoomIn;animation-delay: 2.4s;animation-duration: 1s;animation-fill-mode: forwards;

}
.swiper-slide-active .sj2{
    -webkit-animation-name:fadeInLeft;-webkit-animation-delay: 0.5s;-webkit-animation-duration: 1s;-webkit-animation-fill-mode: forwards;   
    -moz-animation-name:fadeInLeft;-moz-animation-delay: 0.5s;-moz-animation-duration: 1s;-moz-animation-fill-mode: forwards;
    animation-name:fadeInLeft;animation-delay: 0.5s;animation-duration: 1s;animation-fill-mode: forwards;
}
.swiper-slide-active .dx2{
    -webkit-animation-name:slideInTopRights;-webkit-animation-delay: 1.5s;-webkit-animation-duration: 1s;-webkit-animation-fill-mode: forwards;-webkit-animation-timing-function: linear;    
    -moz-animation-name: slideInTopRights;-moz-animation-delay: 1.5s;-moz-animation-duration: 1s;-moz-animation-fill-mode: forwards;-moz-animation-timing-function: linear;
    animation-name: slideInTopRights;animation-delay: 1.5s;animation-duration: 1s;animation-fill-mode: forwards;animation-timing-function: linear;
}
.swiper-slide-active .cx2{
    -webkit-animation-name:slideInBottomLefts;-webkit-animation-delay: 1.5s;-webkit-animation-duration: 1s;-webkit-animation-fill-mode: forwards;-webkit-animation-timing-function: linear;   
    -moz-animation-name: slideInBottomLefts;-moz-animation-delay: 1.5s;-moz-animation-duration: 1s;-moz-animation-fill-mode: forwards;-moz-animation-timing-function: linear;
    animation-name: slideInBottomLefts;animation-delay: 1.5s;animation-duration: 1s;animation-fill-mode: forwards;animation-timing-function: linear;
}
@-webkit-keyframes fadeInLeftBig{
    0%{opacity:1;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeftBig{
    0%{opacity:1;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
    100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
@-webkit-keyframes fadeInRightBig{
    0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRightBig{
    0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
    100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
@-webkit-keyframes fadeInLeft{
    0%{opacity:1;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft{
    0%{opacity:1;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
    100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
@-webkit-keyframes slideInBottomLefts {
    0% {width: 0%;opacity: 1;}
    100% {width: 62.1%;opacity: 1;}
}
@keyframes slideInBottomLefts {
    0% {width: 0%;opacity: 1;}
    100% {width: 62.1%;opacity: 1;}
}
@-webkit-keyframes slideInTopRights {
    0% {width: 0%;opacity: 1;}
    100% {width: 17.5%;opacity: 1;}
}
@keyframes slideInTopRights {
    0% {width: 0%;opacity: 1;}
    100% {width: 17.5%;opacity: 1;}
}
.slide3 .xg{position: absolute;width:79.2%;left: 50%;margin-left: -37.6%;top:0%;opacity: 0;}
.slide3 .qmpt3{position: absolute;width:40.6%;left: 50%;margin-left: -21%;top:4.1rem;opacity: 0;}
.slide3 .span1{width:10.67%;position: absolute;top:5.2rem;left:29.1%;opacity: 0;}
.slide3 .span2{width:10.67%;position: absolute;top:5.2rem;left:43.3%;opacity: 0;}
.slide3 .span3{width:10.67%;position: absolute;top:5.2rem;left:58.5%;opacity: 0;}
.slide3 .lkxz{width:46%; position: absolute;left: 50%;margin-left:-23%;top:81.4%; opacity: 0;}
.swiper-slide-active .xg{
    -webkit-animation-name:fadeIn;-webkit-animation-delay: 0.5s;-webkit-animation-duration: 1s;-webkit-animation-fill-mode: forwards;
    -moz-animation-name:fadeIn;-moz-animation-delay: 0.5s;-moz-animation-duration: 1s;-moz-animation-fill-mode: forwards;
    animation-name:fadeIn;animation-delay: 0.5s;animation-duration: 1s;animation-fill-mode: forwards;

}
.swiper-slide-active .qmpt3{
    -webkit-animation-name:zoomInDown;-webkit-animation-delay: 1s;-webkit-animation-duration: 1s;-webkit-animation-fill-mode: forwards;
    -moz-animation-name:zoomInDown;-moz-animation-delay: 1s;-moz-animation-duration: 1s;-moz-animation-fill-mode: forwards;
    animation-name:zoomInDown;animation-delay: 1s;animation-duration: 1s;animation-fill-mode: forwards;

}
.swiper-slide-active .span1{
    -webkit-animation-name:fadeInUpBig;-webkit-animation-delay: 1.2s;-webkit-animation-duration: 1s;-webkit-animation-fill-mode: forwards;
    -moz-animation-name:fadeInUpBig;-moz-animation-delay: 1.2s;-moz-animation-duration: 1s;-moz-animation-fill-mode: forwards;
    animation-name:fadeInUpBig;animation-delay: 1.2s;animation-duration: 1s;animation-fill-mode: forwards;
}
.swiper-slide-active .span2{
    -webkit-animation-name:fadeInUpBig;-webkit-animation-delay: 1.5s;-webkit-animation-duration: 1s;-webkit-animation-fill-mode: forwards;
    -moz-animation-name:fadeInUpBig;-moz-animation-delay: 1.5s;-moz-animation-duration: 1s;-moz-animation-fill-mode: forwards;
    animation-name:fadeInUpBig;animation-delay: 1.5s;animation-duration: 1s;animation-fill-mode: forwards;
}
.swiper-slide-active .span3{
    -webkit-animation-name:fadeInUpBig;-webkit-animation-delay: 1.8s;-webkit-animation-duration: 1s;-webkit-animation-fill-mode: forwards;
    -moz-animation-name:fadeInUpBig;-moz-animation-delay: 1.8s;-moz-animation-duration: 1s;-moz-animation-fill-mode: forwards;
    animation-name:fadeInUpBig;animation-delay: 1.8s;animation-duration: 1s;animation-fill-mode: forwards;
}
.swiper-slide-active .lkxz{
    -webkit-animation-name:zoomIn;-webkit-animation-delay: 2.4s;-webkit-animation-duration: 1s;-webkit-animation-fill-mode: forwards;
    -moz-animation-name:zoomIn;-moz-animation-delay: 2.4s;-moz-animation-duration: 1s;-moz-animation-fill-mode: forwards;
    animation-name:zoomIn;animation-delay: 2.4s;animation-duration: 1s;animation-fill-mode: forwards;
}
@-webkit-keyframes fadeIn{
    0%{opacity:0}
    100%{opacity:1}
}
@keyframes fadeIn{
    0%{opacity:0}
    100%{opacity:1}
}
@-webkit-keyframes zoomInDown{
    0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}
    60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}
    100%{opacity:1;}
}
@keyframes zoomInDown{
    0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}
    60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}
    100%{opacity:1;}
}
@-webkit-keyframes fadeInUpBig{
    0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUpBig{
    0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
    100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.arrow{position:absolute;left:50%;margin-left: -0.22rem;bottom:1rem;width:0.44rem;animation-iteration-count: infinite;z-index: 5;opacity: 0;}
.swiper-slide-active .arrow{
    -webkit-animation-name:fadeOutUp;-webkit-animation-delay: 0s;-webkit-animation-duration: 1s;-webkit-animation-iteration-count:infinite;
    -moz-animation-name:fadeOutUp;-moz-animation-delay: 0s;-moz-animation-duration: 1s;-moz-animation-iteration-count:infinite;
    animation-name:fadeOutUp;animation-delay: 0s;animation-duration: 1s;animation-iteration-count:infinite;
}
@-webkit-keyframes fadeOutUp{
    0%{opacity:1}
    100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes fadeOutUp{
    0%{opacity:1}
    100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
